<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="Modern UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

    <link href="css/modern.css" rel="stylesheet">
    <link href="css/theme-dark.css" rel="stylesheet">
    <link href="css/modern-responsive.css" rel="stylesheet">

    <script src="js/assets/jquery-1.8.2.min.js"></script>
    <script src="js/assets/google-analytics.js"></script>
    <script src="js/assets/jquery.mousewheel.min.js"></script>
    <script src="js/assets/github.info.js"></script>
    <script src="js/modern/tile-slider.js"></script>
    <script src="js/modern/start-menu.js"></script>

    <title>SimpleAuction</title>

    <style>
        body {
            background: url(icon/wallpaper1.jpg);
        }
    </style>
    <!-- style="background-color: black;"-->
</head>
<body class="metrouicss">
<div class="page secondary fixed-header">
    <div class="page-header ">
        <div class="page-header-content">

            <h1 class="fg-color-white">Login / Sign Up</h1>
        </div>
    </div> <br><br>

    <div class="page-region">
        <div class="page-region-content tiles">
		
            <div class="tile-group" style="width: 800px;">
			
				<div class="tile double double-vertical bg-color-darken">
                    <div class="tile-content">
						<br>
						
						<form action = "/Login" method = "get">
						
							<div class="input-control text span3 as-block" >
								Username*:  <input type="text" name = "username" maxlength="15" style="background-color: black;"/>
							</div> <br>
							
							<div class="input-control password span3 as-block">
								Password*:  <input type="password" name = "password" maxlength="15" style="background-color: black;"/>
							</div> <br><br><br> <br><br><br>
						
							<input type="submit" value="Login"/>
						</form>
                    </div>		
                </div>
								                								
            </div>
			
			
			<div class="tile-group" style="width: 800px;">
				<div class="tile triple triple-vertical bg-color-darken">
                    <div class="tile-content">
						<br>
						
						<form action = "/CreateAccount" method = "get">
						
							<div class="input-control text span3 as-block" >
								Username*:  <input type="text" name = "username" maxlength="15" style="background-color: black;"/>
							</div> <br>
							
							<div class="input-control password span3 as-block">
								Password*:  <input type="password" name = "password" maxlength="15" style="background-color: black;"/>
							</div> <br>
							
							<div class="input-control password span3 as-block">
								First Name*:  <input type="text" name = "firstName" maxlength="30" style="background-color: black;"/>
							</div> <br>
							
							<div class="input-control password span3 as-block">
								Last Name*:  <input type="text" name = "lastName" maxlength="30" style="background-color: black;"/>
							</div> <br>
							
							<div class="input-control password span3 as-block">
								Credit Card*:  <input type="text" name = "credit" maxlength="30" style="background-color: black;"/>
							</div> <br>
						
							<div class="input-control password span3 as-block">
								<input type="radio" name="type" value="buyer"> Buyer</input>
								<input type="radio" name="type" value="seller"> Seller</input>
							</div> 
							
							<input type="submit" value="Sign Up"/>
						
						</form>
                    </div>		
                </div>
			</div>
            
        </div>
    </div>
</div>

</body>
</html>